<!DOCTYPE html>
<html>

<head>
    <title>
        味正官网
    </title>
    <meta charset="utf-8">
    <link href="css/swiper-3.4.2.min.css" rel="stylesheet">
    <link href="http://at.alicdn.com/t/font_390223_i2mbiksxb4ie8kt9.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/jquery.pagination.css" />
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>

<body class="backcolor">
    <header>
        <div class="nav headcolor">
            <img alt="" class="logo" src="images/logo.png">
            <nav>
                <a class="link " href="index.html">
                        网站首页
                    </a>
                <a class="link active" href="javascript:void(0);">
                        产品商城
                    </a>
                <a class="link " href="news.html">
                        新闻动态
                    </a>
                <a class="link" href="mycompony.html">
                        公司介绍
                    </a>
                <a class="link" href="contactUs.html">
                        联系我们
                    </a>
            </nav>
            </img>
        </div>
    </header>
    <img src="images/product.jpg" alt="" class="">
    <main class="good-box">
        <div class="header f14" id="item1">
            首页> <span class="colortext">新品推荐</span>
        </div>
        <div class="number f14 white">共16件商品</div>
        <div class="flex flex-wrap">
            <div class="goods-item">
                <img src="images/product1.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正增香膏典味增香膏猪肉香膏卤水香膏卤肉膏隆江猪脚膏老卤香膏</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product2.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">典味味正 味鲜素（普) 强力增鲜提鲜鲜味素食用香精1公斤正品特价</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product3.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味 味正卤王500g 卤料卤味洪濑鸡爪卤鸭卤肉2包48.8元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product4.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正味典色香卤王50g卤鸡卤鸭卤肉色香味俱全卤料100包185元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product5.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">厦门福建 味正典味 保湿剂1500ml 卤水肉制品保湿 直销现货秒杀</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product6.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味烤得香烤海鲜铁板鱿鱼烤鱼烧烤调味料烤五包99.8元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product7.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">【正品味正典味】9999美国肉香粉调味料肉味增香粉沙县小吃增香剂</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product8.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">包邮味正肉精油味正典味肉精油939#肉香油肉香精油增香</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product9.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味939#肉精油 液体香精 高倍浓缩 正品保证</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product10.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味鲜虾粉500g虾丸鱼丸拌馅特鲜虾粉小炒汤料海鲜料5包包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product11.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">沙县小吃配料味正典味正品939肉精油去腥提味耐高温增香精油包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/goodspic.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">正味卤王卤肉调料包1kg</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div id="pagination1" class="page pull-left"></div>
        </div>
        <div class="header f14" id="item2">
            首页> <span class="colortext">热销商品</span>
        </div>
        <div class="number f14 white">共12件商品</div>
              <div class="flex flex-wrap">
            <div class="goods-item">
                <img src="images/product1.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正增香膏典味增香膏猪肉香膏卤水香膏卤肉膏隆江猪脚膏老卤香膏</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product2.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">典味味正 味鲜素（普) 强力增鲜提鲜鲜味素食用香精1公斤正品特价</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product3.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味 味正卤王500g 卤料卤味洪濑鸡爪卤鸭卤肉2包48.8元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product4.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正味典色香卤王50g卤鸡卤鸭卤肉色香味俱全卤料100包185元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product5.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">厦门福建 味正典味 保湿剂1500ml 卤水肉制品保湿 直销现货秒杀</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product6.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味烤得香烤海鲜铁板鱿鱼烤鱼烧烤调味料烤五包99.8元包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product7.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">【正品味正典味】9999美国肉香粉调味料肉味增香粉沙县小吃增香剂</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product8.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">包邮味正肉精油味正典味肉精油939#肉香油肉香精油增香</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product9.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味939#肉精油 液体香精 高倍浓缩 正品保证</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product10.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">味正典味鲜虾粉500g虾丸鱼丸拌馅特鲜虾粉小炒汤料海鲜料5包包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/product11.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">沙县小吃配料味正典味正品939肉精油去腥提味耐高温增香精油包邮</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div class="goods-item">
                <img src="images/goodspic.jpg" alt="" class="goodspic auto">
                <div class="goods-desc">
                    <div class="row2 f16">正味卤王卤肉调料包1kg</div>
                    <div class="flex middle">
                        <span class="price cell-main red f16">99.00</span>
                        <a href="javascript:void(0)" class=" right f14 open"><i class="iconfont mr5 icon-gouwuche xl"></i>购买></a>
                    </div>
                </div>
            </div>
            <div id="pagination2" class="page pull-left"></div>
        </div>
    </main>
    <div class="side">
        <div class="code center">
            <img src="images/qrcode.jpg" alt="" class="qecode">
            <div class="f14">扫描二维码</div>
            <div class="f14">进入微信商城</div>
        </div>
        <div class="list flex item f14">
            <a href="#item1" class="name cell-main">新品推荐</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item2" class="name cell-main">热销商品</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item3" class="name cell-main">烟熏香精</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item4" class="name cell-main">腊肉香精</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item5" class="name cell-main">鲍鱼素</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item6" class="name cell-main cell-main">富丽磷</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item7" class="name cell-main">海鲜粉</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list flex item f14">
            <a href="#item8" class="name cell-main">腊肠香精</a>
            <i class="iconfont f16 icon-more5"></i>
        </div>
        <div class="list backtop flex  item ">
            <div class="cell-main f16">TOP</div><i class="iconfont f28 icon-sanjiao"></i></div>
    </div>
    <div class="code-box  white">
        <img src="images/qrcode.jpg" alt="" class="code-img">
        <div class="f14">扫描二维码</div>
        <b class="iconfont close icon-close f28 hui"></b>
        <div class="f14">进入微信商城</div>
    </div>
    <footer>
        <div class="main flex middle">
            <img src="images/code.png" alt="" class="codeImg">
            <div class="cell-main">
                <div class="link-item f16">
                    <a class="link " href="index.html">
                        网站首页
                    </a>
                    <a class="link " href="javascript:void(0);">
                        产品商城
                    </a>
                    <a class="link " href="news.html">
                        新闻动态
                    </a>
                    <a class="link" href="mycompony.html">
                        公司介绍
                    </a>
                    <a class="link" href="contactUs.html">
                        联系我们
                    </a>
                </div>
                <div class="flex">
                    <div class="cell-main hui info">
                        <div class="f14 lh2">联系我们</div>
                        <div class="f14 lh2">联系电话：400-000-0000</div>
                        <div class="f14 lh2">企业邮箱：00000000@00.com</div>
                        <div class="f14 lh2">公司传真：+86-00000000000</div>
                        <div class="f14 lh2">门店地址：某某省某某市某某区某某路某某某号</div>
                    </div>
                    <div class="input-box f14">
                        <div class="flex inp ">姓名
                            <input type="text" class="cell-main intext">
                        </div>
                        <div class="flex inp ">电话
                            <input type="text" class="cell-main intext">
                        </div>
                        <textarea name="" id="text" cols="30" rows="8" placeholder="请输入您的建议与意见"></textarea>
                        <span class="send pull-right">提交</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="center compony f14">
            <div>Copyright © 2009-2011,www.xxxxxx.com,All rights reserved </div>
            <div>版权所有 © 您的网站名称 未经许可 严禁复制 沪ICP备XXXXXX号</div>
        </div>
    </footer>
</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.pagination.min.js"></script>
<script type="text/javascript">
$(function() {
    $("#pagination1").pagination({
        currentPage: 1,
        totalPage: 12,
        callback: function(current) {
            $("#current1").text(current)
        }
    });
    $("#pagination2").pagination({
        currentPage: 1,
        totalPage: 12,
        callback: function(current) {
            $("#current1").text(current)
        }
    });
    $(".backtop").on("click", function() {
        var _ele = document.documentElement.scrollTop ? document.documentElement : document.body;
        $(_ele).animate({ "scroll-top": 0 }, 200);
    });
    $('.open').mouseenter(function(e) {
        var pageX = e.pageX,
            pageY = e.pageY;
            $('.code-box').css({
                  top: pageY-180,
                left: pageX
            }).show()
    })
    $('.close').click(function() {
        $('.code-box').hide()
    })
});
</script>

</html>